<!DOCTYPE html>
<html layout:decorator="layout/layout">
<head>
<title>首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" th:href="@{/bootstrap/css/fullcalendar.css}" />	
<link rel="stylesheet" th:href="@{/bootstrap/css/unicorn.main.css}" />
<link rel="stylesheet" th:href="@{/bootstrap/css/unicorn.grey.css}" class="skin-color" />

<script th:src="@{/bootstrap/js/excanvas.min.js}"></script>
<script th:src="@{/bootstrap/js/jquery.ui.custom.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/bootstrap/js/jquery.flot.min.js}"></script>
<script th:src="@{/bootstrap/js/jquery.flot.resize.min.js}"></script>
<script th:src="@{/bootstrap/js/jquery.peity.min.js}"></script>
<script th:src="@{/bootstrap/js/fullcalendar.min.js}"></script>
<script th:src="@{/bootstrap/js/unicorn.js}"></script>
<script th:src="@{/bootstrap/js/unicorn.dashboard.js}"></script>
</head>
<body>
	<!-- <div layout:fragment="content">
		<div class="row">
			<div class="col-md-9">
				<div class="panel panel-default">
					<h1 th:inline="text">Hello [[${#httpServletRequest.remoteUser}]]!</h1>

					<h1 sec:authorize="isAuthenticated()">isAuthenticated</h1>

					<h1 sec:authorize="hasRole('ROLE_USER')">has role ROLE_USER</h1>

					<h1 sec:authorize="hasRole('ROLE_ADMIN')">has role ROLE_ADMIN</h1>

					<form th:action="@{/logout}" method="post">
						<input type="submit" value="Sign Out" />
					</form>
				</div>
			</div>
		</div>
	</div> -->
	<div layout:fragment="container" class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="widget-box">
					<div class="widget-title">
						<span class="icon"><i class="icon-signal"></i></span>
						<h5>Site Statistics</h5>
						<div class="buttons">
							<a href="#" class="btn btn-mini"><i class="icon-refresh"></i> Update stats</a>
						</div>
					</div>
					<div class="widget-content">
						<div class="row-fluid">
							<div class="span4">
								<ul class="site-stats">
									<li><i class="icon-user"></i> <strong>1433</strong> <small>Total Users</small></li>
									<li><i class="icon-arrow-right"></i> <strong>16</strong> <small>New Users (last week)</small></li>
									<li class="divider"></li>
									<li><i class="icon-shopping-cart"></i> <strong>259</strong> <small>Total Shop Items</small></li>
									<li><i class="icon-tag"></i> <strong>8650</strong> <small>Total Orders</small></li>
									<li><i class="icon-repeat"></i> <strong>29</strong> <small>Pending Orders</small></li>
								</ul>
							</div>
							<div class="span8">
								<div class="chart"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span6">
				<div class="widget-box">
					<div class="widget-title">
						<span class="icon"><i class="icon-file"></i></span>
						<h5>Recent Posts</h5>
						<span title="54 total posts" class="label label-info tip-left">54</span>
					</div>
					<div class="widget-content nopadding">
						<ul class="recent-posts">
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av2.jpg}" />
								</div>
								<div class="article-post">
									<span class="user-info"> By: neytiri on 2 Aug 2012, 09:27 AM, IP: 186.56.45.7 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av3.jpg}" />
								</div>
								<div class="article-post">
									<span class="user-info"> By: john on on 24 Jun 2012, 04:12 PM, IP: 192.168.24.3 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av1.jpg}" />
								</div>
								<div class="article-post">
									<span class="user-info"> By: michelle on 22 Jun 2012, 02:44 PM, IP: 172.10.56.3 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li class="viewall"><a title="View all posts" class="tip-top" href="#"> + View all + </a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="span6">
				<div class="widget-box">
					<div class="widget-title">
						<span class="icon"><i class="icon-comment"></i></span>
						<h5>Recent Comments</h5>
						<span title="88 total comments" class="label label-info tip-left">88</span>
					</div>
					<div class="widget-content nopadding">
						<ul class="recent-comments">
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av1.jpg}" />
								</div>
								<div class="comments">
									<span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av3.jpg}" />
								</div>
								<div class="comments">
									<span class="user-info"> User: john on IP: 192.168.24.3 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li>
								<div class="user-thumb">
									<img width="40" height="40" alt="User" th:src="@{bootstrap/img/demo/av2.jpg}" />
								</div>
								<div class="comments">
									<span class="user-info"> User: neytiri on IP: 186.56.45.7 </span>
									<p>
										<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
									</p>
									<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
								</div>
							</li>
							<li class="viewall"><a title="View all comments" class="tip-top" href="#"> + View all + </a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="row-fluid">
			<div class="span12">
				<div class="widget-box widget-calendar">
					<div class="widget-title">
						<span class="icon"><i class="icon-calendar"></i></span>
						<h5>Calendar</h5>
					</div>
					<div class="widget-content nopadding">
						<div class="calendar"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>